<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jsonp</title>
</head>
<body>
    用户名:<input type="text">
    <p></p>
<script>
    var input=document.querySelector('input');
    var p=document.querySelector('p');
    const handle=function (data){
        if(data.exist){
            p.innerHTML=data.msg;
        }
    }
    input.addEventListener('blur',function (){
        //直接这样写会报跨域错
        // var xhr=new XMLHttpRequest();
        // xhr.open('get','http://127.0.0.1:5050/jsonp-server');
        // xhr.send();

        //利用jsonp跨域
        var script=document.createElement('script');
        script.src='http://127.0.0.1:5050/jsonp-server';
        document.body.appendChild(script);
    })
</script>
</body>

</html>